// Vue实例中的el,data,methods,computed,watch 都是Vue实例的选项。
// 这些选型的名字是固定的，而且只能写一个
var vm = new Vue({
    el: '#app',
    data: {//定义响应式数据
        inputText: '',
        arr: [],
        obj: { name: '李煜', age: 30 }
    },
    methods: {//定义方法
        add() { }
    },
    computed: {//定义计算属性

    },
    watch: {//设置监听
        inputText(newValue, oldValue) {//每当inputText的值发生改变，inputText这个监听函数就会自动执行，通过参数newValue就可以获取inputText的最新值
            // console.log(newValue, this.inputText);
            console.log('获取到了输入的最新值,发起网路请求');
        },
        arr() { //监听数组 arr 的改变
            console.log('监听到arr发生改变了');
        },
        obj: { //监听对象 obj 的改变
            handler() { //监听回调
                console.log('监听到obj发生改变了');
            },
            deep: true,//开启深度监听
            //immediate: true,//初始化执行监听回调
        }
    }
})